<%-- 
 *Workshop 
 *Class ID        : SE0691   
 *Student ID      : SE90009
 *Student Name    : Phạm Nguyễn Nhật Trung
 *Due Date        : Nov 26, 2012, 4:52:20 PM
 *I declare that this assignment is my own work
 *in accordance with FPT Policy.
--%>

<%@page import="java.util.List"%>
<%@page import="tracker.entity.PointsEntity"%>
<%@page import="java.util.Iterator"%>
<%@page import="tracker.stub.PointsSessionStub"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <LINK REL=StyleSheet HREF="style\style.css" TYPE="text/css" MEDIA=screen>
        <title>JSP Page</title>
    </head>
    <body>
        <jsp:include page="navigation.jsp" />
        <div class="contents">
            <div class="center-form" style="margin-top: 100px;">
                <h1 style="font-size: 50px;">Welcome to ASG-Tracker 2.0!</h1>
                <h1 style="font-size: 40px;"><--| Go to the Navigation on the left!</h1>
            </div>
            
        </div>
        <script src="scripts/meny.min.js"></script>
        <script>
            // Create an instance of Meny
            var meny = Meny.create({
                // The element that will be animated in from off screen
                menuElement: document.querySelector( '.meny' ),

                // The contents that gets pushed aside while Meny is active
                contentsElement: document.querySelector( '.contents' ),

                // [optional] The alignment of the menu (top/right/bottom/left)
                position: Meny.getQuery().p || 'left',

                // [optional] The height of the menu (when using top/bottom position)
                height: 200,

                // [optional] The width of the menu (when using left/right position)
                width: 260,

                // [optional] Distance from mouse (in pixels) when menu should open
                threshold: 40
            });
            // Embed an iframe if a URL is passed in
            if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {
                var contents = document.querySelector( '.contents' );
                contents.style.padding = '0px';
                contents.innerHTML = '<div class="cover"></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>';
            }
        </script>
    </body>
</html>
